<template>
      <div class="select-item">
        <a href="/cart">
        <slot name="select-item-img"></slot>
        <div class="recomend-slect-item-title"><slot name="select-item-title"></slot></div>
        </a>
      </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
    };
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {}
};
</script>
<style scoped>
.select-item{
  flex-basis: 25%;
  display:flex;
  justify-content:center;
}
.select-item img{
  width: 70px;
  height: 70px;
  border-radius:80% 80% 40% 40%;
  box-shadow: 2px 3px 10px rgba(0,0,0,0.2);
}
.recomend-slect-item-title{
  margin-top: 15px;
}
.select-items-wraper>.select-item>a{
  height: 120px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
</style>